<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>操作元素</title>
	</head>
	<body>
		<button>显示单前系统时间</button>
		<div id="text">点击上面按钮显示当前时间</div>
		<script type="text/javascript">
			// 点击按钮div中的文字发生变化
			var btn = document.querySelector('button');
			var div = document.querySelector('div');
			// 注册事件
			btn.onclick = function() {
				div.innerText = getDate();
			}

			function getDate() {
				var date = new Date();
				var year = date.getFullYear();
				var month = date.getMonth();
				var dates = date.getDate();
				var arr = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
				var day = date.getDay();
				return '今天是:' + year + '年' + month + '月' + dates + '日' + arr[day];
			}
			// innerHtml 识别html标签
		</script>
	</body>
</html>
